
<header>
  <div id="logo-area"><a href="#">
      <div id="logo"><img src="/static/img/logo.png"/></div>
      <div id="gugu-title"><img src="/static/img/gugu.png"/></div></a>
    <div id="sidebar-btn" data-state="close" class="menu-btn">
      <div id="side-inner" class="menu-btn-inner">
        <div id="line1" class="line line1 animated"></div>
        <div id="line2" class="line line2 animated"></div>
        <div id="line3" class="line line3 animated"></div>
      </div>
    </div>
  </div>
  <div id="menu">
    <div class="m-one index">
      <!--.active--><a href="/index.html">首页</a>
    </div>
    <div class="m-one intro"><a href="/intro.html">介绍</a></div>
    <div class="m-one news"><a href="/news-list.html">资讯</a></div>
    <div class="m-one download"><a href="/download.html">app下载</a></div>
  </div>
  <div id="user">
    <div id="user-list-btn">
      <div id="user-tri" class="close"></div>
    </div>
    <div id="nickname"></div>
    <div id="user-info-entry" data-state="none">
      <div><a href="/mybasic.html">用户中心</a></div>
      <div ng-click="logout()" id="logout">退出</div>
    </div>
  </div>
  <div id="loginOrReg"><a href="/login.html">登录</a>
    <div class="divide"></div><a href="/reg.html">注册</a>
  </div>
  <div id="tools">
    <div id="share" class="tool-btn">
      <div id="s-img" class="inner-img"></div>
      <div id="share-content">
        <div id="qzone" class="share-btn">
          <div class="img-outer"><img src="/static/img/share-qzone.png"/></div>
          <div class="share-text">分享到QQ空间</div>
        </div>
        <div id="sina" class="share-btn">
          <div class="img-outer"><img src="/static/img/share-sina.png"/></div>
          <div class="share-text">分享到新浪微博</div>
        </div>
      </div>
    </div>
    <div id="message" class="tool-btn">
      <div id="not-read-mess"></div>
    </div>
  </div>
  <div class="small-side">
    <div class="close-area">
      <div class="close-btn"><img src="/static/img/close.svg"/></div>
    </div>
    <div class="loginOrReg"><a href="/login.html">登录</a>
      <div class="divide"></div><a href="/reg.html">注册</a>
    </div>
    <div class="nav">
      <div class="m-one index"><a href="/index.html">首页</a></div>
      <div class="m-one intro"><a href="/intro.html">介绍</a></div>
      <div class="m-one news"><a href="/news.html">资讯</a></div>
      <div class="m-one download"><a href="/download.html">app下载</a></div>
    </div>
  </div>
</header>